<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>易畅的简历</title>
    <!--    <link rel="stylesheet" href="style.scss"/>-->
    <script src="//at.alicdn.com/t/font_3104336_g7t0miuougn.js"></script>
</head>
<body>
<div id="paper" class="breathe">
    <div id="imgElemPhoto"></div>
    <div id="information"><h1 id="易-畅">易 畅</h1>
        <ul>
            <li>
                <svg class="icon">
                    <use xlink:href="#icon-education"></use>
                </svg>
                硕士 |
                <svg class="icon">
                    <use xlink:href="#icon-post"></use>
                </svg>
                <strong>前端工程师</strong> |
                <svg class="icon">
                    <use xlink:href="#icon-location"></use>
                </svg>
                杭州
            </li>
            <li>
                <svg class="icon">
                    <use xlink:href="#icon-telephone"></use>
                </svg>
                <a href="tel:18572848631">18572848631</a> |
                <svg class="icon">
                    <use xlink:href="#icon-wechart"></use>
                </svg>
                18572848631
            </li>
            <li>
                <svg class="icon">
                    <use xlink:href="#icon-blog"></use>
                </svg>
                <a href="https://yichang8421.github.io">yichang8421.github.io</a>，目前已有 <strong>33篇</strong> 技术文章
            </li>
            <li>
                <svg class="icon">
                    <use xlink:href="#icon-github"></use>
                </svg>
                <a href="https://github.com/yichang8421">github.com/yichang8421</a></li>
            <li>
                <svg class="icon">
                    <use xlink:href="#icon-email"></use>
                </svg>
                <a href="mailto:yichang8421@qq.com">yichang8421@qq.com</a></li>
        </ul>
        <div id="imgElem"></div>
    </div>
    <div id="education"><h2 id="教育经历">教育经历</h2>
        <ul class="background">
            <li>东北财经大学</li>
            <li>硕士</li>
        </ul>
        <ul class="background">
            <li>武汉设计工程学院</li>
            <li>本科</li>
        </ul>
        <ul>
            <li><strong>英语水平</strong>：良好的读写能力，能够流畅阅读英文文档 （<strong>通过CET6</strong>）。</li>
        </ul>
    </div>
    <div id="projects"><h2 id="项目经历">项目经历</h2>
        <div class="single"><h3 id="1-森林-ui">1. 森林 UI</h3>
            <p><a href="https://yichang8421.gitee.io/forest-ui/index.html#/" target="_blank">源码链接</a> <a
                    href="https://yichang8421.gitee.io/forest-ui/index.html#/" target="_blank">项目预览</a></p>
            <ul>
                <li>技术栈：<strong>Vue 3</strong> + <strong>TypeScript</strong> + <strong>Vite</strong> +
                    <strong>Prism.js</strong> + <strong>Marked.js</strong>
                </li>
                <li>这是一款基于 <strong>Vue 3</strong> 和 <strong>TypeScript</strong> 开发的小型组件库</li>
                <li>提供了 <strong>Button</strong>、 <strong>Input</strong>、 <strong>Dialog</strong>、 <strong>Tabs</strong>、
                    <strong>Layout</strong> 等多个常用组件
                </li>
                <li>官方网页自适应<strong>PC端和移动端</strong>。</li>
                <li>已<strong>使用npm</strong>发布</li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="2-比特记账">2. 比特记账</h3>
            <p><a href="https://github.com/yichang8421/BitByBiter" target="_blank">源码链接</a> <a
                    href="https://yichang8421.gitee.io/bitbybiter-website" target="_blank">项目预览</a></p>
            <ul>
                <li>一款基于 <strong>React</strong> + <strong>React Router</strong> + <strong>TypeScript</strong> + <strong>自定义Hooks</strong>
                    + <strong>Webpack</strong> + <strong>Echarts</strong> 的单页面记账软件。
                </li>
                <li>这款应用包含简易<strong>计算器</strong>、<strong>数据存储</strong>、<strong>数据修改</strong>、<strong>图表展示</strong>等功能。
                </li>
                <li>这是我为了满足自己和家人需求而独立开发的一款应用。这款应用能够实现快速记账，做简单四则运算 ，同时可以通过统计图表查看用户的消费习惯。</li>
                <li>该项目使我对 webpack、Hooks API 以及 SVG Icon 有了深入理解，我将这些理解记录到了我的 <a
                        href="https://yichang8421.github.io/2021/09/01/%E6%AF%94%E7%89%B9%E8%AE%B0%E8%B4%A6%EF%BC%88React%E7%89%88%EF%BC%89%E9%A1%B9%E7%9B%AE%E8%AE%B0%E5%BD%95/"
                        target="_blank"><strong>博客</strong></a>
                    上。
                </li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="3-杭州市公安局大屏项目">3. 杭州市公安局大屏项目</h3>
            <p><a href="#">源码私有</a> <a href="https://yichang8421.gitee.io/bigscreen-website/#/" target="_blank">项目预览</a>
            </p>
            <ul>
                <li>一个展示杭州市公安局办案数据的大屏项目，可以直观反映杭州市各地区犯罪活动的变化情况。</li>
                <li>技术栈：<strong>React + ReactRouter + Echarts + TypeScript</strong></li>
                <li>展示功能：以 <strong>Echarts柱形图、折线图、饼图、地图</strong> 以及表格展示数据，同时可以动态展示数据更新。</li>
                <li>实现模块：</li>
                <li>用 <strong>动态 rem 方案</strong> 实现了页面按比例缩放和自定义元素缩放。</li>
                <li>使用 <strong>flex</strong> 和 <strong>Grid</strong> 定位元素。</li>
                <li>对 <strong>公共组件、公共函数</strong> 做了封装，有效提高代码复用性和维护性。</li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="4-vue版比特记账">4. Vue版比特记账</h3>
            <p><a href="https://github.com/yichang8421/BitByBit" target="_blank">源码链接</a> <a
                    href="https://yichang8421.github.io/BitByBit-website/" target="_blank">项目预览</a></p>
            <ul>
                <li>一个基于 <strong>Vue</strong> 和 <strong>TypeScript</strong> 的移动端单页面应用。</li>
                <li>这是比特记账的 vue 版本，是在学习 vue 期间重新使用 vue 开发的。相对于 react 版，这一版更新了 ui 界面，风格更加简朴。</li>
                <!-- 此行前面分页 -->
                <li style="page-break-before: always">用到的技术栈：<strong>Vue2</strong> + <strong>Vue-Router</strong> +
                    <strong>Vuex</strong> + <strong>TypeScript</strong>
                    + Echarts.js + Svg Symbols + mixin
                </li>
                <li>期间遇到很多 TypeScript 和 webpack 方面的问题，解决过程记录在本人的 <a
                        href="https://yichang8421.github.io/"><strong>博客</strong></a> 上面。 源代码几乎全部使用
                    <strong>TypeScript</strong> 来写，用到了 <strong>装饰器</strong> 语法。
                </li>
            </ul>
        </div>
    </div>
    <div id="skills"><h2 id="技能">技能</h2>
        <ul>
            <li>熟悉页面制作技巧，能将设计稿<strong>完美还原</strong></li>
            <li>熟悉<strong>前后端分离</strong>技术，包括 AJAX、跨域、前端路由、Cookie、Session 等</li>
            <li>熟练掌握 <strong>React全家桶</strong> 的使用，包括 create-react-app、ReactRouter、Redux 等</li>
            <li>熟练掌握 <strong>Vue全家桶</strong> 的使用，包括 VueCli、VueRouter、Vuex 等</li>
            <li>熟悉 <strong>Vue3</strong> 的使用</li>
            <li>熟悉 ES6，包括 let / Promise / await / 析构赋值</li>
            <li>熟悉 <strong>TypeScript</strong> 的使用</li>
            <li>了解 Webpack 的配置和优化，常用的 loader 和 plugin 打包流程原理</li>
            <li>了解 Vite 的配置方法</li>
        </ul>
    </div>
    <div id="openSource"><h2 id="其他作品">其他作品</h2>
        <div class="single"><h3 id="node-todo小工具">Node-todo小工具</h3>
            <p><a href=""></a></p>
            <ul>
                <li>安装： <code>npm i todo-task</code></li>
                <li><em>t</em> 命令启动程序，实现待办事项的增、删、改、查</li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="原生js-dom库">原生JS DOM库</h3>
            <p><a href="https://github.com/yichang8421/jsDOM" target="_blank">源码链接</a></p>
            <ul>
                <li>使用原生 JavaScript 写的 DOM 库，相对于官方提供的 DOM 库，能更方便地对元素进行增、删、改、查。</li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="leetcode刷题">LeetCode刷题</h3>
            <p><a href="https://github.com/yichang8421/leetcode" target="_blank">源码链接</a></p>
            <ul>
                <li>分别使用 <strong>TypeScript</strong> 和 <strong>JavaScript</strong> 解LeetCode部分题目，包括数组、排序、链表。</li>
            </ul>
        </div>
        <br>
        <div class="single"><h3 id="清爽导航">清爽导航</h3>
            <p><a href="https://github.com/yichang8421/nav" target="_blank">源码链接</a> <a
                    href="https://yichang8421.gitee.io/nav-website/index.html" target="_blank">项目预览</a></p>
            <ul>
                <li>技术栈：jQuery、CSS</li>
                <li>国内大部分导航页不够洁净，充斥着大量垃圾广告；国外导航页比较清洁但是需要相关的服务器支持。因此开发了这个导航页。</li>
                <li>主要功能包括添加、删除网页；网页<strong>首字母图标显示</strong>；键盘快捷键<strong>跳转网页</strong>；同时交互体验做了相应优化，界面美观。</li>
            </ul>
        </div>
    </div>
    <div id="others"><h2 id="相关链接">相关链接</h2>
        <ul>
            <li><a href="https://yichang8421.github.io/" target="_blank"><strong>我的博客</strong></a> (速度慢可以访问<a
                    href="https://www.yuque.com/andy8421googolplex/tfdf6f" target="_blank"><strong>国内链接</strong></a>)，目前已有
                29 篇技术文章
            </li>
            <li>我的<a href="https://github.com/yichang8421" target="_blank"><strong>GitHub</strong></a>，过去半年有近 700 次提交
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="index.dd489cb5dc38111d21d5.js"></script></body>
</html>
